{{if !empty($Category['Uploadfile']['banner'])}}
<style>
#bannerCarousel .carousel-caption{
	background-color: rgba(0, 0, 0, 0.5);
	bottom:0;
	left:0;
	right:0;
	padding: 5px 0;
}
#bannerCarousel .carousel-indicators {
bottom: 0px;
margin-bottom:8px;
right: 0;left:inherit;
z-index: 15;
width: auto;
margin-right: 15px;margin-left:auto;
}
</style>
<div id="bannerCarousel" class="carousel slide" data-ride="carousel" data-interval="7000">
	 <ol class="carousel-indicators">
	    <li data-target="#bannerCarousel" data-slide-to="0" class="active"></li>
	    <li data-target="#bannerCarousel" data-slide-to="1"></li>
	    <li data-target="#bannerCarousel" data-slide-to="2"></li>
	  </ol>
    <!-- Carousel items -->
    <div class="carousel-inner">
    	{{loop $Category['Uploadfile']['banner'] $key $file}}
			<div class="{{if $key==0}}active{{/if}} item">
				<img src="{{$this->Html->image($file['fspath'],array('onlyurl'=>true))}}">
				<div class="carousel-caption">{{$file['name']}}</div>
			</div>
		{{/loop}}
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#bannerCarousel" data-slide="prev">
    	<span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="carousel-control right" href="#bannerCarousel" data-slide="next">
    	<span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
{{/if}}